<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:h="http://java.sun.com/jsf/html"  
      xmlns:f="http://java.sun.com/jsf/core"  
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>#{usuariologin.usuario.nome} #{usuariologin.usuario.sobrenome}</title>
        <link rel="stylesheet" type="text/css" href="../styles/usuario.css" media="all"/>
    </h:head>
    <h:body>
        <div id="cabecalho-usuario">

            <div id="cabecalho-conteudo">
                <div id="cabecalho-usuario-esquerda">                    
                    <p:graphicImage styleClass="cabecalho-usuario-esquerda" value="/images/logo.png"/>
                </div>



                <div id="cabecalho-usuario-logout">                                    
                    <p:graphicImage styleClass="cabecalho-usuario-shortimage" library="usuario" name="#{usuariologin.usuario.foto}"/>                    
                    <h:outputText id="logout-nome" value="#{usuariologin.usuario.nome}"/>


                    <p:megaMenu styleClass="megaMenu">
                        <p:submenu>

                            <p:column>
                                <p:graphicImage library="usuario" name="#{usuariologin.usuario.foto}"/>
                            </p:column>
                            <p:column>

                                <h:form><h:link value="Configurar" outcome="/usuario/paginaConfigurarPerfil.xhtml" /></h:form>
                                <p:separator/>
                                <h:form><p:commandLink value="Logout" action="#{usuariologin.logout()}"/></h:form>

                            </p:column>

                        </p:submenu>    
                    </p:megaMenu>
                </div>
            </div>
        </div>

        <div id="estrutura">

            <div id="conteudo-usuario">                

                <div id="conteudo-left">
                    <div id="conteudo-left-foto">                        
                        <p:graphicImage library="usuario" name="#{usuariologin.usuario.foto}"/>                                                                 
                    </div>
                    <div id="conteudo-left-descricao">
                        <h:outputText styleClass="fonteDestacada" value="#{usuariologin.usuario.nome} #{usuariologin.usuario.sobrenome}"/>                        
                    </div>

                    <div id="conteudo-left-menu">          

                        <h:form>                        
                            <p:menu model="#{usuariologin.model}" styleClass="conteudo-left-menu"/>
                        </h:form>

                    </div>
                </div>    

                <div id="conteudo-center">                    

                    <div id="conteudo-configurar">
                        <table id="titulo-conteudo">
                            <tr>
                                <td><img alt="configurar" id="titulo-imagem" src="../images/icones/configuracao.png" title="configurar"/></td>
                                <td><h3>Página Configurar Conta</h3></td>
                            </tr>
                        </table>

                        <h:form id="cad">
                            <p:growl/>
                            <p:fieldset legend="Informações Gerais" toggleable="true" toggleSpeed="500">
                                <p:panelGrid styleClass="semBorda" columns="2">

                                    <p:outputLabel value="Nome" for="nome"/>
                                    <p:inputText id="nome" label="Nome" value="#{usuariologin.usuario.nome}" />

                                    <p:outputLabel value="Sobrenome" for="sobrenome"/>
                                    <p:inputText id="sobrenome" label="Sobrenome" value="#{usuariologin.usuario.sobrenome}" />

                                    <p:outputLabel value="Email" for="email"/>
                                    <p:inputText id="email" label="Email" value="#{usuariologin.usuario.email}"  />

                                    <p:outputLabel value="Matricula" for="matricula"/>
                                    <p:inputText id="matricula" label="Matricula" value="#{usuariologin.usuario.matricula}"  />

                                    <p:outputLabel value="Sexo: " for="sexo" />
                                    <p:selectOneMenu id="sexo" value="#{usuariologin.usuario.sexo}" >
                                        <f:selectItem itemLabel="Masculino" itemValue="M"/>
                                        <f:selectItem itemLabel="Feminino" itemValue="F" />
                                    </p:selectOneMenu>

                                    <p:outputLabel value="Aniversário:" for="calendario" />
                                    <p:calendar id="calendario" locale="pt" navigator="true" value="#{usuariologin.usuario.dataNascimento}" />

                                    <p:commandButton value="Salvar" update="cad" action="#{usuariologin.atualizaDadosContaUsuario()}" image="ui-icon ui-icon-disk"/>
                                </p:panelGrid>
                            </p:fieldset>
                        </h:form>

                        <h:form id="imagemusuario">
                            <p:growl/>
                            <p:fieldset legend="Imagem do Usuário" toggleable="true" toggleSpeed="500">

                                <p:panelGrid styleClass="semBorda" columns="2">
                                    <h:outputLabel value="Imagem atual: " for="imagem-atual" />
                                    <p:graphicImage id="imagem-atual" library="usuario" width="90" height="90" name="#{usuariologin.usuario.foto}"/>

                                    <h:outputLabel value="Nova imagem: " for="nova-imagem" />
                                    <p:fileUpload update="imagemusuario" fileUploadListener="#{usuariologin.fileUploadAction}" mode="advanced" sizeLimit="100000" allowTypes="/(\.|\/)(gif|jpe?g|png)$/" />
                                </p:panelGrid>

                            </p:fieldset>

                        </h:form>

                        <h:form id="turma-box">
                            <p:growl/>
                            <p:fieldset legend="Turma Pertencente" toggleable="true" toggleSpeed="500">
                                <p:panelGrid styleClass="semBorda" columns="2">
                                    <p:outputLabel value="Turma Atual:" for="turma-atual" />
                                    <p:inputText id="turma-atual" label="Turma Atual" value="#{usuariologin.usuario.turma}" readonly="true" size="50"/>

                                    <p:outputLabel value="Turma:" for="turma" />
                                    <p:selectOneMenu id="turma" value="#{usuariologin.turmaSelecionada}" effect="fade">
                                        <f:selectItem itemLabel="Selecione a Turma" noSelectionOption="true" />
                                        <f:selectItems value="#{usuariologin.turmas}" var="selectTurma" itemLabel="#{selectTurma}" itemValue="#{selectTurma.id}" />
                                    </p:selectOneMenu>

                                    <p:commandButton value="Salvar" update="turma-box" action="#{usuariologin.atualizarTurmaAluno}" image="ui-icon ui-icon-disk"/>
                                </p:panelGrid>
                            </p:fieldset>
                        </h:form>

                        <h:form id="academico">
                            <p:growl/>
                            <p:fieldset legend="Disciplinas Estudadas" toggleable="true" toggleSpeed="500">
                                <h:outputText value="Disciplinas Atuais:"/>
                                <p:dataList value="#{usuariologin.usuario.disciplinas}" var="disciplina" >  
                                    #{disciplina.nome}
                                </p:dataList>

                                <p:panelGrid styleClass="semBorda" columns="2">
                                    <p:outputLabel value="Novas disciplinas:" for="disciplinas-novas" />
                                    <p:selectCheckboxMenu id="disciplinas-novas" value="#{usuariologin.disciplinasSelecionadas}" label="Disciplinas" filter="true" filterMatchMode="startsWith">  
                                        <f:selectItems value="#{usuariologin.disciplinasExistentes}" var="disciplina" itemLabel="#{disciplina}" itemValue="#{disciplina.id}" />  
                                    </p:selectCheckboxMenu>

                                    <p:commandButton value="Salvar" update="academico" action="#{usuariologin.atualizarDisciplinasAluno}" image="ui-icon ui-icon-disk"/>
                                </p:panelGrid>

                            </p:fieldset>

                        </h:form>

                        <h:form id="conta">
                            <p:growl/>
                            <p:fieldset legend="Informações da Conta de Usuário" toggleable="true" toggleSpeed="500">
                                <p:panelGrid styleClass="semBorda" columns="2">

                                    <h:outputLabel  value="Senha anterior:" for="senhaant"/>
                                    <p:password id="senhaant" value="#{usuariologin.senhaatual}" />  

                                    <h:outputLabel  value="Nova senha:" for="senha1"/>
                                    <p:password id="senha1" value="#{usuariologin.novasenha1}" feedback="true"   
                                                promptLabel="Preencha o campo com a senha desejada!" weakLabel="Senha fraca!"  
                                                goodLabel="Boa senha!" strongLabel="Ótima senha!" styleClass="campoTexto"  />  

                                    <h:outputLabel  value="Confirme a nova senha:" for="senha2"/>
                                    <p:password id="senha2" value="#{usuariologin.novasenha2}" feedback="true"   
                                                promptLabel="Preencha o campo com a senha desejada!" weakLabel="Senha fraca!"  
                                                goodLabel="Boa senha!" strongLabel="Ótima senha!" />

                                    <p:commandButton value="Salvar" update="conta" action="#{usuariologin.alterarSenha()}" image="ui-icon ui-icon-disk"/>

                                </p:panelGrid>
                            </p:fieldset>


                        </h:form>
                    </div>
                </div>

                <div id="conteudo-right">
                </div>

            </div>
            <div id="rodape">

            </div>

        </div>

    </h:body>
</html>
